// add style here

.nav-top {
    background:#323839;
    width:100%;
    height:39px;
    text-align: center;
}

.nav-top p {
    display: inline-block;
    width: 1200px;
    font-family:PingFangSC-Regular;
    font-size:14px;
    color:#ffffff;
    letter-spacing:0px;
    text-align:left;
    line-height: 39px;
}

.banner {
    background:#172224;
    width:100%;
    height:124px;
}

.banner ul {
    display: block;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.banner ul li {
    display: inline-block;
    line-height: 124px;
    margin-top: 20px;
    margin-right: 40px;
}

.nav {
    background:#ff6c00;
    width:100%;
    height:38px;
}

.nav ul {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}

.nav ul li {
    display: inline-block;
    list-style: none;
    width:106px;
    height:38px;
    text-align: center;
}

.nav ul li:hover {
    background:#a54900;
}

.nav ul li a {
    text-decoration: none;
    font-family:PingFangSC-Medium;
    font-size:14px;
    color:#ffffff;
    letter-spacing:0px;
    text-align:center;
    line-height: 38px;
}

.active {
    background:#a54900;
    width:106px;
    height:38px;
}

section {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
}

.view {
    background:#ffffff;
    border:1px solid #e2e2e2;
    box-shadow:0px 2px 4px 0px rgba(140,140,140,0.50);
    width:780px;
    height:870px;
    float: left;
    display: inline-block;
}

.DDD {
    background:#d7edff;
    width:780px;
    height:600px;
    display: block;

}


.control {
    background:#ffffff;
    border:1px solid #e2e2e2;
    box-shadow:0px 2px 4px 0px rgba(140,140,140,0.50);
    width:378px;
    height:870px;
    display: inline-block;
    margin-left: 20px;
}

.select {
    width: 100%;
    clear: both;
}

.select .selected {
  border: solid 2px red;
}

.select ul li {
    display: inline-block;
    list-style: none;
    background:#ffffff;
    border:2px solid #979797;
    width:78px;
    height:51px;
    margin-top: 15px;
    margin-left: 2px;
    margin-right: 2px;
}

.select ul li p {
    position: absolute;
    width: 78px;
    text-align: center;
    line-height: 49px;
}

.type {
    font-family:PingFangSC-Medium;
    font-size:14px;
    color:#333333;
    letter-spacing:0px;
    text-align:center;
    display: inline-block;
    line-height: 86px;
    margin-left: 57px;
    margin-right: 57px;
    float: left;
}


.line {
    display: block;
    margin: 10px;
    background:#eeeeee;
    border:1px solid #e4e4e4;
    width:358px;
    height:358px;
}

.size {
    margin: 10px;
    margin-top: 40px;
}

.sizeControl {
    float: left;
    width: 50%;
}


.sizeControl p {
    font-family:PingFangSC-Regular;
    font-size:14px;
    color:#666666;
    letter-spacing:0px;
    text-align:left;
    line-height: 32px;
}

.sizeControl input {
    background:#ffffff;
    border:1px solid #979797;
    border-radius:5px;
    width:79px;
    height:27px;
    text-align: center;
    font-family:PingFangSC-Regular;
    font-size:14px;
    color:#666666;
    letter-spacing:0px;
    display: inline-block;

}


.btm {
    background:#ff6c00;
    border-radius:4px;
    width:29px;
    height:29px;
    text-align: center;
    line-height: 29px;
    font-family:PingFangSC-Medium;
    font-size:20px;
    color:#ffffff;
    letter-spacing:0px;
    text-align:center;
    display: inline-block;
    margin-left: 10px;
}

.btm:hover {
    background:#a54900;
}

.form {
    display: inline-block;
}

.point {
    padding-top: 100px;
}

.zoom {
    background:#e5e5e5;
    border-radius:10px;
    width:340px;
    height:70px;
    display: inline-block;
    clear: both;
    padding: 10px;
    padding-top: 20px;
    margin: 10px;
    margin-top: 5px;
    margin-bottom: 0;
}

.zoom p {
    float: left;
    line-height: 29px;
    margin-right: 170px;
    margin-left: 20px;
}

footer {
    background:#172224;
    width:100%;
    height:252px;
    margin-top: 20px;
    text-align: center;
}

.foot {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    text-align:center;
    font-family:PingFangSC-Regular;
    font-size:14px;
    color:#ffffff;
    letter-spacing:0px;
    line-height: 252px;
}
